import { VXETable } from 'vxe-table'
import EditRender from './components/EditRender.vue'
// import XEUtils from 'xe-utils'
// 创建一个简单的输入框渲染
VXETable.renderer.add('EditRender', {
  // 激活时自动聚焦
  autofocus: '.my-cell',
  // 可编辑激活模板
  renderEdit(renderOpts, params) {
    return [
      <EditRender params={params} renderOpts={renderOpts} class="my-cell" clearable></EditRender>
    ]
  },
  // // 可编辑显示模板
  // renderCell(renderOpts, params) {
  //   const { row, column } = params
  //   const value = XEUtils.get(row, column.field)
  //   XEUtils.set(row, column.field, value)
  //   return [
  //     <span>{value}</span>
  //   ]
  // }
})
